<div class="layui-row" id="kt-user-article">

</div>

<script>
    layui.use([
        'jquery',
        'flow'
    ], function () {
        var $ = layui.jquery;
        var flow = layui.flow;

        // 流加载
        flow.load({
            elem: '#kt-user-article' //流加载容器。
            ,isAuto: false
            ,isLazyimg: true
            ,done: function(page, next){ //加载下一页
                //模拟插入
                setTimeout(function(){
                    var lis = [];
                    for(var i = 0; i < 6; i++){

                        var str = '<div class="layui-col-md12">\n' +
                            '\n' +
                            '        <div class="kt-figure col">\n' +
                            '            <div class="layui-row">\n' +
                            '                <div class="layui-col-md5">\n' +
                            '                    <div class="kt-figure-img">\n' +
                            '                        <a href="#/html/views/article.html">\n' +
                            '                            <img src="/html/images/article.jpg" onload="KtImgLoad(this);" onerror="KtImgError(this);" alt="">\n' +
                            '                        </a>\n' +
                            '                    </div>\n' +
                            '                </div>\n' +
                            '\n' +
                            '                <div class="layui-col-md7">\n' +
                            '                    <div class="kt-figure-info">\n' +
                            '                        <a href="#/html/views/user_center.html">FeiYang</a>\n' +
                            '                        <span>2019-5-5 15:50:10</span>\n' +
                            '                    </div>\n' +
                            '                    <div class="kt-figure-title">\n' +
                            '                        <a href="#/html/views/article.html">Merry Christmas 圣诞快乐！</a>\n' +
                            '                    </div>\n' +
                            '                    <div class="kt-figure-info">\n' +
                            '                        <p>\n' +
                            '                            圣诞节也是西方世界以及其他很多地区的公共假日，例如：在亚洲的香港、澳门、马来西亚和新加坡。 古罗马教会在君士坦丁时代（公元313年），就逐渐习惯在十二月二十五日庆祝主的诞生。\n' +
                            '                        </p>\n' +
                            '                    </div>\n' +
                            '\n' +
                            '                    <div class="kt-figure-more">\n' +
                            '                        <a href="javascript:;" class="love">\n' +
                            '                            <span class="iconfont icon-collection"></span>\n' +
                            '                            <span class="click">15</span>\n' +
                            '                        </a>\n' +
                            '\n' +
                            '                        <a class="more" href="">more</a>\n' +
                            '                    </div>\n' +
                            '                </div>\n' +
                            '            </div>\n' +
                            '\n' +
                            '        </div>\n' +
                            '    </div>';

                        lis.push(str);
                    }
                    next(lis.join(''), page < 6); //假设总页数为 6
                }, 500);
            }
        });
    });
</script>